<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
{# 引入hello.js #}
    <script type="text/javascript"
            src="{{ url_for('static', filename = 'hello.js') }}"></script>
</head>
<body>
    <div>
        <h1>
            用户名：{{ str }}
        </h1>
        <h1>
            头像是：
            <a href="{{ file }}"></a>
        </h1>
    </div>
    <div>
        <ol>
            <li>
                <p>点击按钮触发的事件是url_for引入的.js文件中的方法，点击尝试</p>
                <p><input type="button" value="hello" onclick="hello()"></p>
            </li>
            <li>
                <p>
                    显示字符串：{{ str }}
                </p>
                <p>
                    显示int类型：{{ int }}
                </p>
                <p>
                    显示int类型：
                    {% if bool %}
                        真
                    {% else %}
                        假
                    {% endif %}
                </p>
                <p>
                    显示str类型集合：
                    {% for str_item in str_list %}
                        {{ str_item }}
                    {% endfor %}
                </p>
                <p>
                    显示int类型集合：
                    {% for int_item in int_list %}
                        {{ int_item }}
                    {% endfor %}
                </p>
                <p>
                    显示字典类型集合：
{#                    {{ object['name'] }}#}
{#                    {{ object['age'] }}#}
                </p>
            </li>
        </ol>
    </div>

</body>
</html>